// 封装默认图片功能

// 设定了自定义指令就可以在全局中当出现图片错的的地方使用了该指令就会自动的进行替代为预定的照片
export const imgerror = {
  // 些各种的钩子函数,直接影响这个指令的dom
  // 各种的钩子可以查询文档,使用这个指令的元素被插入父节点中自动触发的函数
  // inserted(dom) {

  // 灵活的传入默认图片
  // 这个钩子可以获取到一些参数,其中第一个就是绑定了这个指令的dom
  // 监听这个dom错误,每当图片是错误的季都会修改src
  inserted(dom, options) {
    // console.log('使用了自定义指令')
    // console.log(dom)
    // 处理没有图片的情况
    if (!dom.src) {
      dom.src = options.value
    }

    dom.onerror = function() {
      // dom.src = 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2629546616,1794978125&fm=26&gp=0.jpg'
      dom.src = options.value
    }
  },
  // 处理每次父组件变化是 inserted不会重新触发的问题,使用钩子处理
  componentUpdated(dom, options) {
    if (!dom.src) {
      dom.src = options.value
    }
  }
}

